<template>

<div>
  <div class="minfos" v-html="info">

  </div>


    <div class="minfoBtns" v-if="type=='confirm'">
      <!--<div class="mbtns"    @click="close()" style="color:#666;">取消</div>-->
      <div class="mbtns"    @click="callback(0)" style="color:#666;">{{btn1?btn1:'取消'}}</div>
      <div class="mbtns mbtns2" @click="callback(1)">{{btn2?btn2:'确定'}}</div>

    </div>
    <div  class="minfoBtns" v-else>
      <div class="mbtns mbtns2" style="color:#FFF;" @click="callback(1)">{{btn2?btn2:'确定'}}</div>
    </div>


</div>


</template>

<script>
  export default {
    props:['type','info','btn1','btn2'],
    name: "comfims",
    methods:{}
  }
</script>

<style lang="scss" scoped>
  .minfos{
    padding:0px 0 20px 0px;margin:10px;
    margin-top:0;
    font-size:14px;
    color:#666;

    .tipsphoto{
      color:red;
      text-align: left;
      .tipsLabel{
        display: flex;
        label{
          display: block;
          width:100%;
          text-align: center;
        }
      }

    }

  }

  .minfoBtns{

padding-bottom: 20px;
    display: flex;


    .mbtns{
      border:1px solid #CCC;
      margin:0 10px;
border-radius: 5px;
    background:#FFF;
      padding:12px 0;


      width:100%;
      font-size:14px;
    }
    .mbtns2{
      border:1px solid #1C67FF;
      background:#1C67FF;
      color:#FFF;

    }

  }



</style>
